<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="实训.css" />
  </head>

  <body>
    <div class="content">
      <aside>
        <div class="logo_aritle">
          <h1><a href="#">corn food</a></h1>
        </div>
        <nav>
          <ul>
            <li><a href="#" class="focus">Home</a></li>
            <li><a href="#">Home</a></li>
            <li><a href="#">Homwcwwve</a></li>
            <li><a href="#">Homfeve</a></li>
            <li><a href="#">Hoeeme</a></li>
          </ul>
        </nav>
        <audio src="audio_video/myAudio.ogg" controls autoplay></audio>
      </aside>

      <main>
        <section>
          <video
            src="audio_video/mov.ogg"
            controls
            width="630px"
            height="350px"
          ></video>
        </section>

        <section>
          <article>
            <h2><a href="#">Type and scrambled it to make a type</a></h2>
            <video
              src="audio_video/mov.ogg"
              controls
              width="200px"
              height="150px"
            ></video>
            <p class="small-post">
              Lorem Ipsum is simply dummy text of the printing and typesetting
              industry. Lorem Ipsum has been the industry's standard dummy text
              ever since the 1500s, when an unknown printer
            </p>
            <p class="data">
              <span>Jun 30, 2012</span><a href="#">{ Continue! }</a>
            </p>
          </article>

          <article>
            <h2><a href="#">Type and scrambled it to make a type</a></h2>
            <video
              src="audio_video/mov.ogg"
              controls
              width="200px"
              height="150px"
            ></video>
            <p class="small-post">
              Lorem Ipsum is simply dummy text of the printing and typesetting
              industry. Lorem Ipsum has been the industry's standard dummy text
              ever since the 1500s, when an unknown printer
            </p>
            <p class="data">
              <span>Jun 30, 2012</span><a href="#">{ Continue! }</a>
            </p>
          </article>

          <article>
            <h2><a href="#">Type and scrambled it to make a type</a></h2>
            <video
              src="audio_video/mov.ogg"
              controls
              width="200px"
              height="150px"
            ></video>
            <p class="small-post">
              Lorem Ipsum is simply dummy text of the printing and typesetting
              industry. Lorem Ipsum has been the industry's standard dummy text
              ever since the 1500s, when an unknown printer
            </p>
            <p class="data">
              <span>Jun 30, 2012</span><a href="#">{ Continue! }</a>
            </p>
          </article>

          <article>
            <h2><a href="#">Type and scrambled it to make a type</a></h2>
            <video
              src="audio_video/mov.ogg"
              controls
              width="200px"
              height="150px"
            ></video>
            <p class="small-post">
              Lorem Ipsum is simply dummy text of the printing and typesetting
              industry. Lorem Ipsum has been the industry's standard dummy text
              ever since the 1500s, when an unknown printer
            </p>
            <p class="data">
              <span>Jun 30, 2012</span><a href="#">{ Continue! }</a>
            </p>
          </article>

          <article>
            <h2><a href="#">Type and scrambled it to make a type</a></h2>
            <video
              src="audio_video/mov.ogg"
              controls
              width="200px"
              height="150px"
            ></video>
            <p class="small-post">
              Lorem Ipsum is simply dummy text of the printing and typesetting
              industry. Lorem Ipsum has been the industry's standard dummy text
              ever since the 1500s, when an unknown printer
            </p>
            <p class="data">
              <span>Jun 30, 2012</span><a href="#">{ Continue! }</a>
            </p>
          </article>

          <article>
            <h2><a href="#">Type and scrambled it to make a type</a></h2>
            <video
              src="audio_video/mov.ogg"
              controls
              width="200px"
              height="150px"
            ></video>
            <p class="small-post">
              Lorem Ipsum is simply dummy text of the printing and typesetting
              industry. Lorem Ipsum has been the industry's standard dummy text
              ever since the 1500s, when an unknown printer
            </p>
            <p class="data">
              <span>Jun 30, 2012</span><a href="#">{ Continue! }</a>
            </p>
          </article>
        </section>

        <section>
          <div class="about">
            <h2>About</h2>
            <p>
              Lorem Ipsum is simply dummy text of the printing and typesetting
              industry. Lorem Ipsum has been the industry's standard dummy text
              ever since the 1500s, when an unknown printer took a galley of
              type and scrambled it to make a type specimen book. It has
              survived not only five centuries, but also the leap into
              electronic typesetting,
            </p>
            <p class="read-more">
              <a href="#">{ Read More! }</a>
            </p>
          </div>
        </section>
      </main>
    </div>

    <footer>
      <p>
        Copyright ©鑫鑫. All rights reserved.
        <a href="#">河南鑫鑫科技有限公司</a> , Validation
        <a href="#">HTML5</a>|<a href="">CSS3</a>
      </p>
    </footer>
  </body>
</html>
